﻿.tile
{
	width:150px;
	height:150px;
    background-color: #0072C6;
	margin:5px;
	float:left;
	position:relative;
	overflow:hidden;
    position: relative;
}

.tile:hover
{
	width:150px;
	height:150px;	
}

.tileCaption
{
    width:150px;
	height:150px;
    left: 0px;
    top: 100px;
    float: left;
    position: absolute;    
    background-image:url('../images/overlay.png');
}

.tileImage
{
    width:150px;
	height:150px;
    display: table-cell;
    vertical-align: middle;
    text-align: center; 
}
.tileImage i
{
    color: #fff;
    font-size: 6em;
}


.tileCaption h4 
{
    color: #fff;
    margin: 2px 0px 0px 0px;
    padding: 5px;
    font-family: "Segoe UI", "Segoe", Tahoma, Helvetica, Arial, sans-serif;
    font-weight: normal;
    font-size: 14px;
    height: 40px;
}

.tileCaption p
{
    color: #fff;
    margin: 0px 0px 0px 0px;
    padding: 5px;        
}

.PromotedLinksHeader
{
    font-family: "Segoe UI Semilight", "Segoe UI", "Segoe", Tahoma, Helvetica, Arial, sans-serif;
    color: #444;
    text-align: justify;
    font-size: 1.46em;
    margin: 0px 0px 0px 5px;
}